@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.layoutWidget21 {
  font-size: 1em;
  color: #999;
  overflow: hidden;
  position: relative; }
  .layoutWidget21 .thumbnail {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0px;
    overflow: hidden; }
    .layoutWidget21 .thumbnail img {
      min-width: 960px;
      width: 100%;
      display: block; }
    .layoutWidget21 .thumbnail:hover .swiper-button-next, .layoutWidget21 .thumbnail:hover .swiper-container-rtl .swiper-button-prev {
      right: 10px;
      opacity: 1; }
    .layoutWidget21 .thumbnail:hover .swiper-button-prev, .layoutWidget21 .thumbnail:hover .swiper-container-rtl .swiper-button-next {
      left: 10px;
      opacity: 1; }
    .layoutWidget21 .thumbnail .swiper-pagination {
      bottom: 40px;
      height: 2em;
      line-height: 2em;
      color: #ffffff; }
    .layoutWidget21 .thumbnail .swiper-pagination-bullet {
      background: #ffffff; }
    .layoutWidget21 .thumbnail .swiper-pagination-bullet-active {
      background: #ffffff; }
    .layoutWidget21 .thumbnail .swiper-button-next, .layoutWidget21 .thumbnail .swiper-container-rtl .swiper-button-prev {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
      right: -30px;
      transition: all .3s;
      opacity: 0; }
    .layoutWidget21 .thumbnail .swiper-button-prev, .layoutWidget21 .thumbnail .swiper-container-rtl .swiper-button-next {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
      left: -30px;
      transition: all .3s;
      opacity: 0; }
  .layoutWidget21 .caption {
    width: 50%;
    float: left; }
    .layoutWidget21 .caption .captionBox {
      width: 520px;
      min-height: 222px;
      padding: 40px;
      float: right; }
      .layoutWidget21 .caption .captionBox h2 {
        font-size: 1.286em;
        margin-bottom: 16px;
        width: 94%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .layoutWidget21 .caption .captionBox .btn {
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        margin-top: 40px;
        min-width: 90px;
        text-align: center;
        padding: 9px 30px; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .layoutWidget21 .caption .captionBox {
    width: auto;
    float: none; } }
/* Medium devices (tablets, less than 992px) 平板端 */
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .layoutWidget21 {
    padding: 16px; }
    .layoutWidget21 .thumbnail {
      width: 100%;
      position: relative; }
      .layoutWidget21 .thumbnail img {
        width: 768px;
        min-width: 768px; }
    .layoutWidget21 .caption {
      width: 100%;
      float: none; }
      .layoutWidget21 .caption .captionBox {
        padding: 16px; }
        .layoutWidget21 .caption .captionBox h2 {
          margin-bottom: 16px; }
        .layoutWidget21 .caption .captionBox .btn {
          margin-top: 16px; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .layoutWidget21 .thumbnail img {
    width: 100%;
    min-width: 100%; } }

/*# sourceMappingURL=layoutWidget21.css.map */